<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>购物车</title>
  <link rel="stylesheet" href="./iconfont/iconfont.css" />
  <link rel="stylesheet" href="./css/shopingcart.css" />
</head>

<body>
  <!-- 头部区域 -->
  <header>
    <h1>购物车</h1>
  </header>
  <!-- 主体区域 -->
  <div class="main">
    <!-- 中间内容 -->
    <div class="center">
      <img src="http://cba.itlike.com/public/mweb/static/empty.png" alt="" />
      <p>您的购物车是空的, 快去逛逛吧</p>
      <a href="./index.html">去逛逛</a>
    </div>
  </div>
  <!-- 底部区域 -->
  <footer>
    <a href="./index.html">
      <span class="iconfont icon-shouye"></span>
      <p>首页</p>
    </a>
    <a href="./classify.html">
      <span class="iconfont icon-tubiao_fenlei"></span>
      <p>分类</p>
    </a>
    <a href="./shopingcart.html" class="active">
      <span class="iconfont icon-gouwuche"></span>
      <p>购物车</p>
    </a>
    <a href="./my.html">
      <span class="iconfont icon-wode-copy"></span>
      <p>我的</p>
    </a>
  </footer>
  <script src="./js/axios.js"></script>
  <script src="./js/shopingcart.js"></script>
</body>

</html>